@import 'm-melanin-menu.css';
@import 'silk-sprite.css';
@import 'jquery-ui-fixes.css';
@import 'datatables.css';
@import 'validationEngine.jquery.css';
@import 'cloud-zoom.css';
@import 'jquery-notes.css';
@import 'jquery-notes-ie8.css';

body{
	background: #aaa;
}

/* =WIDGET= */

body .m-melanin-widget{
	float: left;
	margin-right: 20px;
}


/* =FORM= */
fieldset{
	background: #f8f8f8;
	-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
}
.form li{
	list-style-type: none;
	margin: 3px 0px;
	display: inline-block;
}
.form li.buttons{
	margin-left: 125px;
}
.form label{
	width: 150px;/*120*/
	display: inline-block;
	padding-right: 5px;
}
.form .ss_sprite{
}
.form-clear li{
	clear: both;
	width: 100%;
}
.form-wide label{
	width: 150px;
}
.form.form-wide li.buttons{
	margin-left: 155px;
}

input, textarea, select{
	display: inline-block;
}
input[readonly],input[disabled],select[disabled],select[readonly]{
	background: #ddd;
}
form .validation-error{
	border: #c00 solid 1px;
}

ol.form{
	padding-left: 0px;
}

/* =ELEMENT= */
input::-webkit-input-placeholder {
    color:    #aaa;
}
input:-moz-placeholder {
    color:    #aaa;
}


/* =CLASS= */
.e-s{
	width: 50px !important;
}
.e-m{
	width: 100px !important;
}
.e-l{
	width: 150px !important;
}
.e-xl{
	width: 200px !important;
}
.e-xxl{
	width: 250px !important;
}
.e-xxxl{
	width: 300px !important;
}
.e-4l{
	width: 350px !important;
}
.e-5l{
	width: 400px !important;
}
.e-6l{
	width: 450px !important;
}
.e-7l{
	width: 500px !important;
}
.e-8l{
	width: 550px !important;
}
.e-9l{
	width: 600px !important;
}

.link, .m-melanin-tooltip{
	color: #06c;
	cursor: pointer;
}
.link{
	text-decoration: underline;
}
.blockquote {
	font-family: Courier;
	border-top: 1px dashed #555;
	border-bottom: 1px dashed #555;
	border-right: 1px dashed #555;

	border-left : 5px solid #aaa;
	width: 95%;
	
	margin: 5px;
	padding: 10px;
	background-color: #fff;
	quotes: "\201C" "\201D";
	overflow: scroll;
}
.clear{
	clear: both;
}

/* =APPLE SEARCH BOX = */
#m-melanin-global-search {
	margin-top: 10px;
}

#m-melanin-global-search input[type="text"] {
    background: url(../images/search-white.png) no-repeat 6px 3px #fcfcfc;
    border: 1px solid #d1d1d1;
    color: #8f8f8f;
    width: 150px;
    padding: 2px 10px 2px 30px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#m-melanin-global-search input[type="text"]:focus {
    width: 200px;
}

/* =FLUID LAYOUT= */
#m-melanin-page-wrap {
	background: white;
	min-width: 990px;
	max-width: 1260px;
	margin: 0px auto;
	}
	#m-melanin-page-wrap #m-melanin-inside {
		margin: 0px;
	}
#m-melanin-main-content {
	background: url(../Images/Design/left-sidebar.gif) repeat-y -23% white;

    float: right;
	padding-left: 230px;
	min-width: 1098px;
	max-width: 1055px;
}
#m-melanin-left-sidebar{
	display: block;
	-webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
}
#m-melanin-main-content {
	padding: 10px;
/* 	LongLC added */
	min-height:450px;
}
	
#m-melanin-header {
	height: 93px;
	padding-right: 10px;
	color: white;
	background: -webkit-gradient(linear,0 top,0 bottom,from(#072F59),to(#0F5895));
	background: -moz-linear-gradient(#072F59,#0F5895);
	background-color: #0C3E74;

}
	#m-melanin-header #m-melanin-logo{
		margin: 8px 5px 5px 10px;

	}
	#m-melanin-header a{
		color: #eee;
	}
	#m-melanin-header a:hover{
		color: #ccc;
	}
	#m-melanin-app-descriptions{
		color: #eee;
		float: left;
		font-size: 180%;
		font-weight: bold;
		padding: 5px 0px 0px 5px;
		margin-left: 20px;
	}
#m-melanin-navigation{
	background: #ccc;
	height: 27px;
}
#m-melanin-tab-header{
	height: 28px;
	clear:both;
	box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
    background: #e5e5e5;
    border-bottom: 1px solid #ddd;
    z-index: 999;
}
#m-melanin-tab-header-inner{
	min-width: 990px;
	max-width: 1260px;
	height: 28px;
	padding: 0px;
	background: #e5e5e5;
	clear: both;
	border-bottom: 1px solid #ddd;
	
}
	#m-melanin-tab-header-inner.floating {
	    position: fixed;
	    top: 0;
	    z-index: 999;
	    box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
	    -moz-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
	    -webkit-box-shadow: 0 4px 2px -1px rgba(0, 0, 0, 0.25);
	}
	
	
	#m-melanin-tab-actions{
		clear: both;
		float: right;
		margin-top: 3px;
		margin-right: 10px;
	}	
	
#m-melanin-left-sidebar {
    
	width: 229px;
	float: left;
	display: block;

}
	.m-melanin-vertical-navigation li{
		list-style-type: none;
		clear: both;
		padding: 2px 10px;
		cursor: pointer;
		margin-left:0px;
	}
	.m-melanin-vertical-navigation li a{
		margin-left: 5px;
		text-decoration: none;
		color: #333;
	}
	.m-melanin-vertical-navigation li:hover{
		background: #dfdfdf;
	}
	.m-melanin-vertical-navigation li.active,.m-melanin-vertical-navigation li.active a{
		background: #0F5895;
		color: white;
	}
	ul.m-melanin-vertical-navigation,ol.m-melanin-vertical-navigation{
		padding: 0px;
		margin: 0px;
	}
#m-melanin-footer {
	background: #0C3E74;
	text-align: center;
	color: #eee;
	padding-top: 5px;
	padding-bottom: 5px;
    clear:both;
}

#m-melanin-form-section{
	width: 650px;
	display:none;
}

.m-melanin-dual-listbox-filter{
	width:120px !important;
}

.m-melanin-dual-listbox-wrapper{
	display:inline-block;
}

.m-melanin-dual-listbox-wrapper div{
	float:left;
}

.m-melanin-dual-listbox-wrapper .m-melanin-dual-listbox-center-command{
	width:50px;
	text-align:center;
	padding-top:50px;
}

.m-melanin-dual-listbox-wrapper select{
	border-color: #bbb;
	padding:3px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
}

.m-melanin-hierarchy-tree-lv1 a ins{
	background-image:url(../images/tree_lv1.png);
	background-position:center !important;
}

.m-melanin-hierarchy-tree-lv2 a ins{
	background-image:url(../images/tree_lv2.png);
	background-position:center !important;
}

.m-melanin-hierarchy-tree-lv3 a ins{
	background-image:url(../images/tree_lv3.png);
	background-position:center !important;
}
.m-melanin-hierarchy-tree{
	background-color: transparent !important;
}
.tooltip {
	display:none;
	padding:10px;
	max-width: 250px;
	margin-botom: 10px;
	color:#fff;	
	border: 2px solid #eee;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 0px 5px 2px #000000;
	-moz-box-shadow: 0px 0px 5px 2px #000000;
	box-shadow: 0px 0px 5px 2px #000000; 
	background: #7d7e7d; /* Old browsers */
	background: -moz-linear-gradient(top, #7d7e7d 0%, #0e0e0e 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7d7e7d), color-stop(100%,#0e0e0e)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* IE10+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #7d7e7d 0%,#0e0e0e 100%); /* W3C */
	opacity:0.9;filter:alpha(opacity=90);
	z-index: 2000;
}
.tooltip.bottom{
	height: 20px;
}

/** SCROLLBAR **/


/* ---------- simple theme --------------------------------------------------------------------- */

 .scrollbar-pane {
    margin-right: 16px;
}

 .scrollbar-handle-container {
    background: #EEE;
    width: 15px;
}

 .scrollbar-handle-container.hover,
 .scrollbar-handle-container.move {
    background: #E6E6E6;
}

 .scrollbar-handle, 
 .scrollbar-handle-up, 
 .scrollbar-handle-down {
	background-image: url();
	background-repeat: no-repeat;
}


/* handle */
 .scrollbar-handle {
    width: 13px;
    border: 1px solid #CCC;
	background-color: #CCC;
	background-position: -16px 50%;
}

 .scrollbar-handle:hover {
    border: 1px solid #666;
}

 .scrollbar-handle.move {
    border: 1px solid #666;
    background-color: #999;
}


/* arrow up */
 .scrollbar-handle-up {
    width: 13px;
    height: 13px;
    border: 1px solid #CCC;
    background-color: #CCC;
	background-position: -34px 2px;
	margin-bottom: 1px;
}

 .scrollbar-handle-up.hover,
 .scrollbar-handle-up:hover {
    border: 1px solid #666;
}

 .scrollbar-handle-up.move {
    background-color: #999;
}


/* arrow down */
 .scrollbar-handle-down {
    width: 13px;
    height: 13px;
    border: 1px solid #CCC;
    background-color: #CCC;
	background-position: 2px 4px;
	margin-top: 1px;
}

 .scrollbar-handle-down.hover,
 .scrollbar-handle-down:hover {
    border: 1px solid #666;
}

 .scrollbar-handle-down.move {
    background-color: #999;
}

input[type=checkbox] + label, input[type=radio] + label{
	text-align: left;/*left*/
	margin-left: 5px;
}

/* pretty */
.com { color: #93a1a1; }
.lit { color: #195f91; }
.pun, .opn, .clo { color: #93a1a1; }
.fun { color: #dc322f; }
.str, .atv { color: #268bd2; }
.kwd, .tag { color: #195f91; }
.typ, .atn, .dec, .var { color: #CB4B16; }
.pln { color: #93a1a1; }
.prettyprint {
  background-color: #fefbf3;
  padding: 9px;
  border: 1px solid rgba(0,0,0,.2);
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.1);
     -moz-box-shadow: 0 1px 2px rgba(0,0,0,.1);
          box-shadow: 0 1px 2px rgba(0,0,0,.1);
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
  margin: 0 0 0 40px;
}
/* IE indents via margin-left */
ol.linenums li {
  padding: 0 5px;
  color: rgba(0,0,0,.15);
  line-height: 20px;
  -webkit-border-radius: 2px;
     -moz-border-radius: 2px;
          border-radius: 2px;
}
/* Alternate shading for lines */
li.L1, li.L3, li.L5, li.L7, li.L9 {  }

/*
$base03:    #002b36;
$base02:    #073642;
$base01:    #586e75;
$base00:    #657b83;
$base0:     #839496;
$base1:     #93a1a1;
$base2:     #eee8d5;
$base3:     #fdf6e3;
$yellow:    #b58900;
$orange:    #cb4b16;
$red:       #dc322f;
$magenta:   #d33682;
$violet:    #6c71c4;
$blue:      #268bd2;
$cyan:      #2aa198;
$green:     #859900;
*/


/*
#1d1f21 Background
#282a2e Current Line
#373b41 Selection
#c5c8c6 Foreground
#969896 Comment
#cc6666 Red
#de935f Orange
#f0c674 Yellow
#b5bd68 Green
#8abeb7 Aqua
#81a2be Blue
#b294bb Purple
*/


/* DARK THEME */
/* ---------- */

.prettyprint-dark {
  background-color: #1d1f21;
  border: 0;
  padding: 10px;
}
.prettyprint-dark .linenums li {
  color: #444;
}
.prettyprint-dark .linenums li:hover {
  background-color: #282a2e;
}
.divsize{
    width:650px;
}
/* tags in html */
.prettyprint-dark .kwd,
.prettyprint-dark .tag { color: #cc6666; }
/* html attr */
.prettyprint-dark .typ,
.prettyprint-dark .atn,
.prettyprint-dark .dec,
.prettyprint-dark .var { color: #de935f; }
/* html attr values */
.prettyprint-dark .str,
.prettyprint-dark .atv { color: #b5bd68; }
